<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }

            .box {
                /*background: #3baeda;*/
                margin: 0 auto;
                width: 657px;

            }

            .title{
                /*background: #dd8dbf;*/
                width: 650px;
                height: 41px;
                margin: 0 auto;


            }

            .left {
                /*background: #97ff38;*/
                float: left;
                font-size: 16px;
                line-height: 16px;
                margin-top: 17px;
            }

            .right {
                /*background: #22b658;*/
                float: right;
                font-size: 13px;
                color: rgb(126,126,126);
                line-height: 13px;
                margin-top: 19px;
            }

            .body1 {
                width: 650px;
                height: 120px;
            }


            .t1 {
                background: url("t1.png");
                height: 101px;
                width: 101px;
                margin-top: 10px;
                float: left;
            }

            .p1 {
                height: 16px;
                width: 16px;
                margin-left: 10px;
                background: url("p1.png");

            }

            .txt{
                float: left;
                width: 535px;
                height: 66px;
                margin-top: 10px;
                margin-right: 0;
            }

            .txt>div{
                /*background-color: #22b658;*/
                height: 22px;
                width: 100%;
            }

            p{
                font-size: 14px;

            }

            p>* {
                display: inline-block;
                vertical-align: middle;
            }

            .mm::after {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
            }
            .mm {
                font-weight: bold;
                color: #3baeda;
            }
            .a {
                font-size: 12px;
                color: #5e5e5e;
            }
            .b {
                color: #3baeda;
            }
            .t2 {
                background: url("t2.png");
                height: 101px;
                width: 100px;
                margin-top: 10px;
                float: left;
            }
            .body2 {
                width: 650px;
                height: 120px;
            }
        </style>
    </head>

    <body>
       <div class="box">
           <div class="title">
               <div class="left">最新原创精选集</div>
               <div class="right">更多</div>
           </div>
           <hr>
           <div class="body1">
               <div class="t1"></div>
               <div class="txt">
                   <div class="text1">
                       <p class="mm ">&< 形 S H A P E 状 >&<strong class="a">(13)</strong><span class="p1"></span>
                       </p>
                   </div>
                   <div>
                       <p class="a">制作人：<span class="b">柔清梦</span>@2012-11-02</p>
                   </div>
                   <div>
                       <p>幸福的形状，爱情的形状，感情的形状，都是什么样的形状？圆形？三角形？四角形？</p>
                   </div>
               </div>
           </div>
           <hr>
           <div class="body2">
                   <div class="t2"></div>
                   <div class="txt">
                       <div class="text1">
                           <p class="mm ">挂满回忆的绿树摇曳 承载青春的台湾民谣<strong class="a">(47)</strong><span class="p1"></span>
                           </p>
                       </div>
                       <div>
                           <p class="a">制作人：<span class="b">MJ</span>@2012-11-02</p>
                       </div>
                       <div>
                           <p>有人定义"民谣有两重含义，一为"不同乐器伴奏的歌唱"，二为"民间流行歌谣"。传统意义上的台湾语民谣源于东南沿海赴台的先民。这些歌谣经过辗转流传，孕育出真正的台湾本土歌谣，比如曾为...</p>
                       </div>
                   </div>
               </div>
           <hr>
           </div>
       </div>

    </body>
</html>